// pages/shopcanshu/shopcanshu.js
import {request} from '../../request/request.js'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    list:{},
    isCollect:false,
    num:"",
    shoucangnum:"",
    id:0
  },
  listAll :{},
  goumai(){ //购买
    console.log(this.listAll);
    let onelist = wx.setStorageSync('onelist', this.listAll)
  },
  getlist(goods_id){
    request({
      url:"https://api-hmugo-web.itheima.net/api/public/v1/goods/detail",
      data:{goods_id}
  })
  .then((res)=>{
    this.listAll=res.data.message
    let zuji = wx.getStorageSync('zuji') || []
    let index = zuji.findIndex((v)=>v.goods_id==this.listAll.goods_id)
    //查找下标返回 -1 证明没有 没有的话就追加商品
    if(index == -1){
      zuji.push(this.listAll) 
      console.log(zuji);
    }
    let cols = wx.getStorageSync('cols') || []
    
    let isCollect = cols.some((v)=>v.goods_id==this.listAll.goods_id)
    wx.setStorageSync('zuji', zuji.reverse())

    this.setData({
       list:{
         pics:this.listAll.pics,
         name:this.listAll.goods_name,
         price:this.listAll.goods_price,
         title:this.listAll.goods_introduce,
         id:this.listAll.goods_id
       },
       isCollect
    })
  })
  //当页面加载的时候
  },
  imageyulan(e){//图片预览
    let content=e.currentTarget.dataset.url //当前点击的图片
    let urls = this.data.list.pics.map((v)=>v.pics_big) //轮播所有的图片路径
    wx.previewImage({
      urls,
      content
    })
  },
  gouwu(){
    //购物车小标志
    
    //1查看本地缓存数据是否有内容
    // wx.getStorageSync('key')
    //如果有内容说明该数组内有商品 如果没有值那就返回一个 []
    let carts = wx.getStorageSync('carts') || []
    let index = carts.findIndex(v=>v.goods_id==this.listAll.goods_id)
  //查找下标不存在返回-1
    
    if(index ==-1){ //不存在进来
      this.listAll.num=1
      carts.push(this.listAll) //把点击的商品追加到carts里面
      wx.showToast({
        title: '加入成功',
        icon:"success",
        mask:true
      })
      this.setData({
        num:carts.length
      })
    }else{//存在的话商品数量 ++
      carts[index].num++ //index 是当前的下标
      let cts = wx.getStorageSync('carts')||[]
    cts.map((item)=>{
      if(item.goods_id==this.listAll.goods_id){
        wx.showLoading({
          title: `该商品数量${item.num+1}`,
        })
      }
    })
    setTimeout(function(){
      wx.hideLoading()
    },1000)
   
    
  
    }
    carts.map((item)=>{
      item.blo=false
    })
    wx.setStorageSync('carts',carts.reverse())
    //点击商品需要在cats中查找是否存在该商品
    //如果存在 商品的数量++
    //如果不存在将该商品添加到 carts
  },
  shoucang(){
    let isCollect = false;
    let cols = wx.getStorageSync('cols') || []
    let index = cols.findIndex((v)=>v.goods_id==this.listAll.goods_id)
    //查找下标返回 -1 证明没有 没有的话就追加商品
    if(index == -1){
      cols.push(this.listAll) 
      isCollect=true
      wx.showToast({
        title: '收藏成功',
        icon:"success",
        mask:true
      }) 
      this.setData({
        shoucangnum:cols.length
      })
    }else{
      cols.splice(index,1)
      wx.showToast({
        title: '取消收藏',
        icon:"success",
        mask:true
      })
    this.setData({
      shoucangnum:cols.length
    })
    }
    
    wx.setStorageSync('cols', cols.reverse())
    this.setData({
      isCollect
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    let shoucangnum = wx.getStorageSync('cols')
    let nums = wx.getStorageSync('carts')
    this.setData({
      num:nums.length,
      shoucangnum:shoucangnum.length
    })
    
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {
    
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {
    let pages =  getCurrentPages();
    let currentPage = pages[pages.length-1];
    const {id} = currentPage.options;
    console.log(pages);
    this.getlist(id);
    let cols = wx.getStorageSync('cols') || []
    this.setData({
      shoucangnum:cols.length
    })
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})